From c447e8fde220e36bfe7b22e11a95d5d857d83ba5 Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Thu, 28 Mar 2024 10:02:17 +0530
Subject: fixes: css improvements and UI redesign for manga info page

---
 src/app/manga/[title]/[id]/[read]/read.module.css | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

(limited to 'src/app/manga/[title]/[id]/[read]/read.module.css')

diff --git a/src/app/manga/[title]/[id]/[read]/read.module.css b/src/app/manga/[title]/[id]/[read]/read.module.css
index 47dde9e..d240d80 100644
--- a/src/app/manga/[title]/[id]/[read]/read.module.css
+++ b/src/app/manga/[title]/[id]/[read]/read.module.css
@@ -1,19 +1,17 @@
-.ImageContainer img {
-	width: auto;
-	max-width: 1000px;
-	height: auto;
-	border-radius: 5px;
-	margin-top: 10px;
-
-}
-
 .Image {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	background-color: #1b1b1b;
 	border-radius: 10px;
-	width: auto;
+	width: 50%;
+	margin: 10px auto;
+}
+
+.ImageContainer img {
+	max-width: auto;
+	height: auto;
+	border-radius: 5px;
 	margin-top: 10px;
 }
 
@@ -53,7 +51,7 @@
 
 @media screen and (max-width: 768px) {
 	.ImageContainer img {
-		width: 90%;
+		width: 95%;
 		align-items: center;
 	}
 
-- 
cgit v1.2.3